<template>
  
      <el-row>
      <el-col :span="7" class="header-top">
        <div class="grid-content bg-purple">
          <img class="logoimg" src="../img/logo.png" alt="湖南正著智能科技有限公司" title="湖南正著智能科技有限公司" />
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple-light">
          <h2 class="header-title">{{setYear}}</h2>
        </div>
      </el-col>

      <el-col :span="9">
        <div class="grid-content bg-purple-light">
          <p class="header-tel">
            <i class="el-icon-phone-outline"></i>0731-85222999
          </p>
        </div>
      </el-col>
    </el-row>
 
</template>

<script>
export default {
    name: "Top",
    computed:{
    setYear:function(){
      // 计算公司成立了多少年
      var myDate=new Date
      var year=myDate.getFullYear()
      var numyear=year-this.$store.state.data.info.establishedTime
      return numyear+"年PCBA定制一站式优质服务商"
    }
  }
}
</script>

<style scoped>
    .header-top {
  margin-bottom: 0px;
}

.header-title {
  padding-top: 75px;
}
.header-tel {
  font-size: 32px;
  color: #409eff;
  padding-top: 66px;
}
.header-tel i {
  margin-right: 10px;
}



.el-row {
  margin: 0px auto 0px;
  width: 1200px;
}


.grid-content {
  height: 130px;
}

.logoimg {
  margin-top: 28px;
}


</style>